<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>{dede:field.seotitle /}{dede:field.title/}_{dede:global.cfg_webname/}</title>
  <meta name="keywords" content="{dede:field name='keywords'/}" />
  <meta name="description" content="{dede:field name='description' function='html2text(@me)'/}" />
  <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/Swiper/4.5.1/css/swiper.css" />
  <style>
  .clearfix {
	      overflow: hidden;
  }
		.l-breadcrumb {
		  margin-bottom: 20px;
		}
		.l-breadcrumb .l-container {
		  border-bottom: 1px dotted #dfdfdf;
		  height: 48px;
		  line-height: 48px;
		  font-size: 14px;
		  color: #5e5e5e;
		  word-spacing: 2px;
		  position: relative;
		  padding-left: 19px;
		}
		.l-breadcrumb .l-container::before {
		  width: 11px;
		  display: block;
		  content: '';
		  height: 20px;
		  background-color: #272623;
		  position: absolute;
		  left: 0;
		  top: 50%;
		  margin-top: -10px;
		}
		.l-breadcrumb .l-container a {
		  font-size: 14px;
		  color: #5e5e5e;
		}
		.l-breadcrumb .l-container a:hover {
		  color: #1153a1;
		}
		.l-products {
			width: 100%; 
		}
		.l-products__item {
			width: 90%; float: left; margin: 0 5% 0.5rem ;
			border: 1px solid #dadada;
			border-radius: 5px;
			padding: 1%;
		}
		.l-products__img { width: 40%; float: left;}
		.l-products__img img {
			width: 80%; height: auto; padding: 0.3rem 0 0 0.2rem;
			
		}
		.l-products__body {
			width: 50%; float: left;
			    text-align: left ; margin-left: 0.2rem; margin-top: 0.3rem;
		}
		.page-list {margin: 0.4rem 0rem;}
		.page-list li {text-align: center;}
		.l-products__title {
		    font-size: 0.26rem;
		    font-weight: bold;
		    margin-bottom: 0.1rem;
		    padding-top: 0.1rem;
		    line-height: 1.2;
		    color: #144593;
		}
		.l-products__desc {
			 padding-top: 0.2rem;font-size: 0.16rem; color: #6b6b6b;
		}
  </style>
</head>
<body>
  <%-include ../../public/header1.ejs%>
	  <!-- banner -->
	  <div class="swiper-container banner">
	  	<div class="swiper-wrapper">
	  		<div class="swiper-slide"><img src="<%=require('@/assetsm/banner1.png')%>" alt="" /></div>
	  		<div class="swiper-slide"><img src="<%=require('@/assetsm/banner1.png')%>" alt="" /></div>
	  		<div class="swiper-slide"><img src="<%=require('@/assetsm/banner1.png')%>" alt="" /></div>
	  	</div>
	  </div>
  <%-include ../../public/breadcrumb.ejs%>
  <!-- 主框架 -->
		
      <ul class="l-products clearfix">
        {dede:list row="9" titlelen='200' infolen='200' }
        <li class="l-products__item">
          <a class="l-products__img" href="[field:arcurl/]">
            <img src="<%=require('@/assets/product-item.png')%>" alt="产品"/>
          </a>
          <div class="l-products__body">
            <a class="l-products__title" href="[field:arcurl/]" alt="[field:title/]">[field:title/]</a>
            <p class="l-products__desc">[field:description/]</p>
          </div>
        </li>
        {/dede:list}
      </ul>
	  
	  
	  
      <ul class="page-list">
        {dede:pagelist listsize=5 listitem="next,pre,end,index,info,pageno"/}
      </ul>
    
  
	<%-include ../../public/footer1.ejs%>
		
	<script>
	 
	</script>	
		
	<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
	<script type="text/javascript" src="https://cdn.bootcss.com/Swiper/4.5.1/js/swiper.js"></script>
</html>